.demo-pagetitle { font-size: .68rem; color: #FF5E53; text-align: center; padding: .6rem 0 .4rem; }
.demo-detail-title { color: #888; font-size: .28rem; margin-bottom: .5rem; font-weight: normal; line-height: 0.42rem; text-align: center; }
.demo-loading { margin-bottom: 20px; }
.demo-loading li a { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; height: 100%; }
.demo-loading li img { width: .6rem; height: .6rem; display: inline-block; }
.demo-tip { color: #B1B1B1; font-size: .24rem; padding: .2rem .24rem .4rem; line-height: 18px; font-family: \5fae\8f6f\96c5\9ed1; position: relative; }
.demo-tip:after { content: ''; position: absolute; bottom: .2rem; left: 0; width: 100%; border-bottom: 1px dashed #B2B2B2; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.demo-tip i { margin-right: 3px; }
.demo-tip a { color: #5AA700; }
.demo-upload { overflow: hidden; }
.demo-upload li { width: 1rem; height: 1rem; float: left; margin-right: 0.2rem; }
.demo-upload li:last-child { margin-right: 0; }
.demo-upload-big { width: 2rem; height: 2rem; margin-top: 0.4rem; }
.demo-upload-rectangle { width: 4rem; height: 2rem; margin-top: 0.4rem; }
.demo-components { background-color: #FFF; padding: 10px; margin-bottom: 10px; }
.demo-upload { overflow: hidden; }
.demo-upload li { float: left; }
.demo-upload li img { width: 1rem; height: 1rem; margin-right: .2rem; }
.demo-pitch { margin-top: .5rem; }
.demo-small-pitch { margin-top: .35rem; }
.demo-progressbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 .24rem; }
/*.demo-spinner { background-color: #FFF; padding: .24rem; font-size: 0; }
.demo-spinner-title { font-size: .26rem; color: #888; display: block; margin-bottom: .1rem; }
.demo-badege { padding: 0 .24rem .5rem .24rem; background-color: #FFF; }
.demo-badege .demo-badege-title { font-size: .26rem; padding-top: .5rem; padding-bottom: .15rem; color: #777; position: relative; }
.demo-badege .demo-badege-title:after { content: ''; position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #D9D9D9; border-bottom: 1px solid #D9D9D9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.demo-badege .badge { margin-right: .1rem; }
.demo-icons [class^="icon-"]:before, .demo-icons [class*=" icon-"]:before { font-size: .6rem; color: #FF685D; }
.demo-progress-line { height: .15rem; width: 100%; }
.demo-progress-cricle { width: 2rem; height: 2rem; }
.nav-center .nav-title { font-family: \5fae\8f6f\96c5\9ed1; }*/



@font-face {
  font-family: 'iconfont';   project id 439978 
  src: url('http://at.alicdn.com/t/font_439978_7ud7rh1jetsp2e29.eot');
  src: url('http://at.alicdn.com/t/font_439978_7ud7rh1jetsp2e29.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_439978_7ud7rh1jetsp2e29.woff') format('woff'),
  url('http://at.alicdn.com/t/font_439978_7ud7rh1jetsp2e29.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_439978_7ud7rh1jetsp2e29.svg#iconfont') format('svg');
}

/*@font-face {
  font-family: 'iconfont';   project id 439978 
  src: url('//at.alicdn.com/t/font_439978_ie5f12pmopiltyb9.eot');
  src: url('//at.alicdn.com/t/font_439978_ie5f12pmopiltyb9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_439978_ie5f12pmopiltyb9.woff') format('woff'),
  url('//at.alicdn.com/t/font_439978_ie5f12pmopiltyb9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_439978_ie5f12pmopiltyb9.svg#iconfont') format('svg');
}*/
/*.iconfont {
    font-family:"iconfont" !important;
    font-size:0.56rem;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin-bottom:0.23rem;
}*/
.address{
        font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:0.95rem;
    margin-top:0.5rem;
    color: #BDBDBD;
}

.tit1,.round{
    font-family:"iconfont" !important;
    font-size:0.36rem;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color:#1d8fe1;
}

.iconfont,.tit1,.plan_icon,.icon-guanzhu,.icon_a{
	 font-family:"iconfont" !important;    
	 font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon_a {
	font-size:1.1rem;
	opacity:0.6;
}
.icon-guanzhu {
	font-size:1.3rem;
}
.collect .icon-guanzhu:hover:before {
	color:#444;
	font-style: normal;
	content:"\e600";
	color:#E97D1B;
}
.collect .icon-guanzhu:before {
	color:#444;
	font-style: normal;
	content:"\e624";
}
/*.collect .icon-guanzhu:hover:after {
	font-style: normal;
	color:#E97D1B;
	content:"\e600";
}*/
.iconfont {
    font-size:0.66rem;
	margin-bottom:0.23rem;
}
.tit1 {
    font-size:0.36rem;
	color:#1d8fe1;
}
.plan_icon {
	font-size:1.5em;
	vertical-align:top;
	padding-right:0.2rem;
}

.icon1,.icon5,.icon8,.icon13,.icon18,.icon21,.icon28,.icon30,.icon34 {
	color:#e98b15;
}
.icon2,.icon4,.icon9,.icon14,.icon22,.icon27,.icon33,.icon37 {
	color:#1da187;
}
.icon3,.icon6,.icon10,.icon11,.icon12,.icon15,.icon19,.icon20,.icon26,.icon31,.icon32,.icon36 {
	color:#2291e1;
}
.icon7,.icon16,.icon17,.icon25,.icon29 {
	color:#01b7c4;
}
.icon23,.icon24,.icon35 {
	color:#ea8269;
}



.m-grids-4 h3 {
	font-size:0.32rem;
	color:#969696;
 
	clear:both;
	margin-top:1.2em;
}
.m-grids-4 h3 span.tit1 {
	float:left;
}
.m-grids-4 h3 span.tit2 {
	float:left;
}
.grids-icon img {
	margin-bottom:1em;
}
.grids-lists {
	clear:both;
}
